@charset "utf-8";

/* ----------- Fonts CSS ----------- */
/* ================================= */
/*
FONT_Pretendard
*/

@font-face {
   font-family: "Pretendard";
   font-weight: 600;
   font-display: swap;
   src: url("../../fonts/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
   font-family: "Pretendard";
   font-weight: 500;
   font-display: swap;
   src: url("../../fonts/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
   font-family: "Pretendard";
   font-weight: 400;
   font-display: swap;
   src: url("../../fonts/Pretendard-Regular.woff2") format("woff22594");
}
@font-face {
   font-family: "Pretendard";
   font-weight: 300;
   font-display: swap;
   src: url("../../fonts/Pretendard-Light.woff2") format("woff2");
}

/*
FONT_Apple SD Gothic Neo
*/

/**/
/* ================================= */
/* ---------- General CSS ---------- */
/* ================================= */
:root {
   --bi-color: #ffbb00;
   /* BI 메인칼라 */
   --main-color: rgb(65, 159, 216);
   /* 메인칼라 */
   --strong-color: #053e54;
   --popup-header: #a0aebf;
   --light-color: #a7b6c9;
   --pannel-bg-color: #627c9b;
   --manu-left-width: 200px;
   --main-font: "Pretendard", sans-serif;
   --sub-font: "AppleNeo", sans-serif;
}
* {
   margin: 0;
   padding: 0;
}
*,
*:before,
*:after {
   box-sizing: border-box;
}

body {
   font-family: var(--main-font);
   font-size: 16px;
   font-weight: 400;
   color: #707070;
   padding: 0;
   margin: 0;
   /*min-width: 1300px;*/
   background: #f5f5f5;
   -webkit-font-smoothing: antialiased;
   overflow-x: hidden;
   overflow-y: auto;
}

/*common style*/
ul,
li {
   list-style: none;
}
input[type="text"]:focus,
.form-container input[type="text"]:focus,
.form-select:focus {
   outline: none !important;
   box-shadow: none;
}
.color-white {
   color: rgb(255, 255, 255) !important;
}

*,
::after,
::before {
   box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: var(--main-font);
   margin: 0;
   font-weight: inherit;
}
h5 {
   font-size: 16px;
   font-weight: 600;
}
ol,
ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
a,
a:hover,
a:focus {
   font-family: var(--main-font);
   text-decoration: none;
   color: inherit;
}
a,
a:hover,
a:focus,
button,
button:focus,
button:active {
   outline: none;
}
button {
   border: none;
   cursor: pointer;
   font-family: var(--main-font);
}
a,
button,
.nav-link {
   -webkit-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
p {
   margin: 0;
   font-family: var(--main-font);
}
.border-top-1 {
   border-top: 1px solid #eee;
}
.border-right-1 {
   border-right: 1px solid #eee;
}
.border-left-1 {
   border-left: 1px solid #eee;
}
.border-bottom-1 {
   border-bottom: 1px solid #eee;
}
.float-right {
   float: right !important;
}
.w-80 {
   width: 80px !important;
}
.container {
   max-width: 100%;
}
/* ================================= */
/* ----------- Main CSS ------------ */
/* ================================= */
.hom_main {
   /*margin-top: 25px !important; */
   margin-left: 0 !important;
}
.main {
   /*min-height: 650px;*/
}
.content-box {
   background: #fff;
   border: 1px solid #dedede;
   margin-bottom: 30px;
   padding: 0;
}
.content-box .content-box-head {
   background: #e2ecf1;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   height: 48px;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 10px 20px;
   border-bottom: 1px solid #dedede;
}
.content-box .content-box-head h5 {
   color: #222222;
   line-height: 26px;
}
.content-box .content-box-head a.view-more {
   font-size: 12px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: #444444;
}
.content-box .content-box-head a.view-more:hover,
.content-box .content-box-head a.view-more:focus {
   color: #2ab6ed;
}
.note-list {
   padding: 10px 20px;
   min-height: 256px;
   max-height: 256px;
   overflow: hidden;
   overflow-y: auto;
   scrollbar-width: thin;
}
.note-list li {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-bottom: 1px solid #dedede;
   font-size: 14px;
   line-height: 20px;
   color: #555555;
   padding: 7px 0;
   height: 40px;
}
.content-box .content-box-head h5 a {
   color: #2ab6ed;
   margin-left: 15px;
   display: inline-block;
}
/* Raj Start */
.main-header {
   background-color: #fff;
}
.btn {
   border-radius: 0px !important;
   font-family: var(--sub-font);
   font-weight: 500;
   padding: 8px 14px;
}
.btn:focus,
.btn:hover,
.btn:focus-visible {
   box-shadow: none;
   color: #053e54 !important;
   outline: none;
}
/* Header Css */
.navbar-light .navbar-brand {
   width: 270px !important;
   background: #eeeeee !important;
   margin: 0;
   padding: 0;
}
.navbar-light .navbar-brand img {
   display: block;
   margin: 0 auto;
   width: 100%;
   max-width: 120px;
   background: #eeeeee !important;
}
.CI-GRID-BODY-TABLE-TBODY th,
.CI-GRID-BODY-TABLE-TBODY td {
   border-right: 1px solid #e0e0e0 !important;
}
.nav-link {
   padding: 19px 19px !important;
}
@media (min-width: 1368px) {
   .nav-link {
      padding: 19px 27px !important;
   }
}
.navbar-nav .nav-item:not(:last-child) {
   margin-right: 0px;
   background: #eeeeee !important;
}
.navbar {
   padding: 0px;
   background: #eeeeee !important;
}
.navbar-nav .nav-item a {
   font-family: inherit;
   font-size: 18px;
   line-height: 26px;
   letter-spacing: 0px;
   color: #777777;
}
.header-btn {
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.header-btn li {
   padding: 1px 4px;
}
.btn-main-primary {
   border: 1px solid #053e54 !important;
   color: #fff;
   background-color: #053e54 !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   transition: all 0.3s;
   padding: 8px 14px 8px 14px !important;
}
.btn-main-primary:hover {
   background-color: #fff !important;
   color: #053e54 !important;
   /* box-shadow: 0 0 10px #053e5454; */
   transition: all 0.3s;
}
.btn-main-primary:focus {
   background-color: #053e54 !important;
   color: #fff !important;
   /* box-shadow: 0 0 10px #053e5454; */
   transition: all 0.3s;
}
.btn-main-secondary {
   border: 1px solid #053e54 !important;
   color: #053e54;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   transition: all 0.3s;
   padding: 8px 14px 8px 14px !important;
   background-color: #fff;
}
.btn-main-secondary:hover {
   color: #fff !important;
   background-color: #053e54 !important;
   /* box-shadow: 0 0 10px #053e5454; */
   transition: all 0.3s;
}
.btn-delete {
   background: #edf0f3;
   border: 1px solid #818f9f;
   color: #777;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
}
.breadcrumbsTab {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 20px;
   border-bottom: 2px solid #777;
   flex-wrap: wrap;
}
.breadcrumbs {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-top: 6px !important;
   padding-bottom: 6px !important;
   flex-wrap: wrap;
}
.breadcrumbs ul {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
}
ul.breadcrumbs_path li:not(:last-child) {
   padding-right: 5px;
}
.breadcrumbs ul li h3 {
   font-size: 17px;
   line-height: 35px;
   letter-spacing: 0px;
   font-weight: 600;
   color: #fff;
   margin-right: 10px;
}
.btn-favourite,
.btn-favourite-light {
   margin: 0 5px;
   background-color: #fff !important;
   font-family: inherit;
   font-size: 12px;
   color: #4f6681 !important;
   padding: 3px;
   border-radius: 2px !important;
}
.breadcrumbs_path li {
   color: rgba(255, 255, 255, 0.8);
}
.breadcrumbs_path li a {
   font-weight: 300;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: rgba(255, 255, 255, 0.8);
}
.breadcrumbs_path li p {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
}
.breadcrumbs_path li a:hover,
.breadcrumbs_path li p {
   color: #fff;
}
.form-container {
   background-color: #fff;
   border: 1px solid #dedede;
   padding: 6px 10px;
   margin-bottom: 0;
}
.form-container .col {
   padding-top: 5px;
   padding-bottom: 5px;
}
.form-container .col-2 {
   padding-top: 5px;
   padding-bottom: 5px;
}
.form-container .col-3 {
   padding-top: 5px;
   padding-bottom: 5px;
}
.store_information_form label {
   font-family: var(--main-font);
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
   padding-right: 8px;
   white-space: nowrap;
}

.form-container input[type="text"],
.form-select {
   border: 1px solid #e3e3e3 !important;
   border-radius: 0px !important;
   padding: 4px 6px !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
}
#Keyword,
#rkeyword {
   margin-left: 4px;
   min-width: 140px;
   max-width: 160px;
}
.form-container input[type="text"]:focus,
.form-container input[type="text"]:hover,
.form-container input[type="text"]:focus-visible,
.form-select:focus,
.form-select:hover,
.form-select:focus-visible {
   box-shadow: none;
   outline: none;
}
.h-56 {
   height: 56px !important;
}
.w-auto {
   width: auto !important;
}
.w-97 {
   width: 97px !important;
}
.w-60 {
   width: 60% !important;
}
.w-55 {
   width: 55% !important;
}
.w-40 {
   width: 40% !important;
}
.w-35 {
   width: 35% !important;
}
.w-33 {
   width: 33.33333% !important;
}
.w-30 {
   width: 27% !important;
}
.w-20 {
   width: 22% !important;
}
.w-15 {
   width: 15% !important;
}
.w-10 {
   width: 10% !important;
}
.w-line {
   width: 100%;
   max-width: 50px;
}
.ml-14 {
   margin-left: 14px !important;
}
.lookupBtn {
   padding: 4px 8px;
   background-color: #053e54;
   color: #fff !important;
   margin-left: 8px;
   font-size: 14px;
   letter-spacing: 2px;
   text-align: center;
   border-radius: 3px;
   white-space: nowrap;
}
.lookupBtn.default {
   background-color: #a3a3a3;
   pointer-events: none;
}
.lookupBtn.default:hover {
   background-color: #a3a3a3;
}

.NolookupBtn {
   padding: 4px 8px;
   background-color: #6a747d;
   color: #fff !important;
   margin-left: 8px;
   font-size: 14px;
   letter-spacing: 2px;
   text-align: center;
   border-radius: 3px;
   white-space: nowrap;
}
.lookupBtn:hover {
   background-color: rgb(30, 120, 164);
}
.lookupBtn i,
.btn i {
   margin-right: 6px;
}
.plusBtn,
.minusBtn {
   border: 1px solid #bcbcbc;
   margin-left: 8px;
   padding: 0px 3px;
   width: 24px;
   text-align: center;
   height: 24px;
   line-height: 22px;
}
.remaining_installation {
   font-family: inherit;
   font-size: 12px;
   line-height: 17px;
   letter-spacing: 0px;
   color: #999999;
}
.registration_card {
   border: 0px;
   border-radius: 0px !important;
}
.registration_card .card-body {
   padding: 20px;
   border: 1px solid;
   border-color: rgb(222, 222, 222);
}
.store_master_btn {
   padding: 5px 16px;
   background-color: #2ab6ed;
   border: 1px solid #2ab6ed;
   color: #fff;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   display: block;
   width: fit-content;
}
.store_master_btn:hover {
   color: #fff;
}
.registraion_form tr td {
   color: #222222;
   font-family: inherit;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   vertical-align: middle;
   letter-spacing: 0px;
}
.registraion_form tr td:first-child,
.registraion_form tr td:nth-child(3) {
   background-color: #f3f3f3;
   width: 15%;
   vertical-align: middle;
   text-align: end;
}
.registraion_form tr.max-second td:nth-child(2),
.registraion_form tr.max-second td:nth-child(4) {
   width: 25%;
}
.registraion_form tr td:first-child span,
.registraion_form tr td:nth-child(3) span {
   color: #d53636;
}
.van_table input[type="text"],
.van_table input[type="date"],
.van_table textarea,
.registraion_form input[type="text"],
.registraion_form input[type="date"],
.update_progress input[type="text"],
.registraion_form textarea,
.form-select {
   border: 1px solid #e3e3e3 !important;
   border-radius: 0px !important;
   padding: 4px 6px !important;
   /* font-family: AppleNeo; */
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #000;
   width: auto;
   min-width: 100px;
}
.registraion_form table {
   border-top: 1px solid #aaa;
   margin-bottom: 0px;
}
.registraion_form textarea {
   height: 56px;
}
.registraion_form input[type="text"]:focus,
.registraion_form input[type="text"]:hover,
.registraion_form input[type="text"]:focus-visible,
.update_progress input[type="text"]:focus,
.update_progress input[type="text"]:hover,
.update_progress input[type="text"]:focus-visible,
.registraion_form input[type="date"]:focus,
.registraion_form input[type="date"]:hover,
.registraion_form input[type="date"]:focus-visible,
.registraion_form textarea:focus,
.registraion_form textarea:hover,
.registraion_form textarea:focus-visible,
.form-select:focus,
.form-select:hover,
.form-select:focus-visible {
   box-shadow: none;
   outline: none;
}
.auto_no_btn {
   padding: 4px 4px;
   background-color: #6a747d;
   border: 1px solid #6a747d;
   color: #fff;
   font-family: inherit;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   display: block;
   width: fit-content;
   margin-left: 5px;
   text-align: center;
   border-radius: 2px;
}
.auto_no_btn:hover {
   color: #fff !important;
}
.b-no {
   z-index: 4;
   position: relative;
}
.b-no .div-after {
   position: relative;
   margin-right: 15px;
   z-index: 3;
}
.b-no .div-after:after {
   content: "";
   background-color: #000000;
   width: 8px;
   height: 1px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 0;
   right: -12px;
}
.http {
   margin-right: 15px;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777777;
}
.error_msg {
   color: #f83131 !important;
   padding-left: 10px;
   font-family: inherit;
   font-size: 12px;
   line-height: 18px;
   letter-spacing: 0px;
}
.check-group .form-group {
   margin-right: 10px;
}
.check-group .form-group label {
   color: #777 !important;
   padding-left: 0px;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
}
.check-group .form-group {
   margin-right: 25px;
}
.heading-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.heading-container h5 {
   color: #222 !important;
   font-family: inherit;
   line-height: 20px;
   letter-spacing: 0px;
}
.van_table thead tr th {
   width: 25%;
   font-family: initial !important;
}
.van_table thead tr th:nth-child(1) {
   width: 10%;
}
.van_table thead {
   background-color: #f5f5f5;

   text-align: center;
}
.van_table thead tr th,
.van_table tbody tr td {
   color: #222 !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
}
.van_table tbody tr td:first-child {
   vertical-align: middle;
}
.store_table tbody tr td p {
   font-family: inherit;
}
.store_table p {
   margin-right: 10px;
}
.pt-6 {
   padding-top: 6px;
}
.p-9 {
   padding: 9px 0px;
}
.p-14 {
   padding: 14px 0px;
}
.pt-29 {
   padding-top: 30px;
}
.mt-21 {
   margin-top: 21px;
}
.mt-12 {
   margin-top: 12px;
}
.mt-30 {
   margin-top: 30px;
}
.pr-30 {
   padding-right: 30px !important;
}
.pl-0 {
   padding-left: 0px !important;
}
.p_msg {
   font-family: inherit;
   font-size: 11px;
   line-height: 17px;
   letter-spacing: 0px;
   font-weight: 400;
   padding-top: 8px;
   color: #f83131 !important;
}
.text-red {
   color: #f83131 !important;
   font-size: 14px;
   line-height: 20px;
}
.bg-light {
   background-color: #fff !important;
}
.bg-f3 {
   background-color: #f3f3f3 !important;
}
.bg-light.text-left {
   text-align: left !important;
}
#basic thead tr td {
   text-align: center !important;
   color: #222 !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
   background-color: #f5f5f5;
   padding: 13px 20px;
}
#basic tbody tr td {
   color: #777777;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
   height: 48px;
   vertical-align: middle;
}
#basic tbody tr[data-node-id="1"] td:first-child,
#basic tbody tr[data-node-id="1."] td:first-child {
   color: #444444;
}
#basic tr td:first-child {
   width: 50%;
}
#basic tr td:nth-child(2),
#basic tr td:nth-child(3) {
   width: 15%;
   text-align: center !important;
}
#basic tr td:last-child {
   width: 20%;
   text-align: right;
   padding-right: 20px;
}
.simple-tree-table-icon {
   background-color: #fff;
   width: 1em;
   line-height: 0.8em;
   height: 1em;
   border: 1px solid #6a747d;
   border-radius: 2px;
   margin-right: 7px;
}
.simple-tree-table tr {
   height: 28px;
   font-size: 12px;
   vertical-align: middle;
}
/* Content Page 2 */
.headOfficeCode {
   margin-right: 10px;
}
.force_algebra {
   color: #2ab6ed;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
}
.basics-tabs {
   border-bottom: 1px solid #aaaaaa;
   position: relative;
}
.basics-tabs li {
   position: relative;
   border: 0px;
   margin-left: -1px;
}
.basics-tabs li:first-child {
   margin-left: 0;
}
.basics-tabs li .nav-link {
   margin-bottom: 0px !important;
   color: #a3a3a3 !important;
   border-top: 1px solid !important;
   border-bottom: 0px solid !important;
   border-left: 1px solid !important;
   border-right: 1px solid !important;
   border-color: #a3a3a3;
   border-top-left-radius: 5px !important;
   border-top-right-radius: 5px !important;
}
.basics-tabs li.ml--1 {
   margin-left: -1px;
}
.nav-item.border-right {
   border-right: 1px solid #2ab6ed !important;
}
.basics-tabs li .nav-link.active {
   background-color: var(--pannel-bg-color);
   border-color: var(--pannel-bg-color);
   color: #fff !important;
   border-top-left-radius: 5px !important;
   border-top-right-radius: 5px !important;
}
.basics-tabs li .nav-link {
   padding: 3px 12px !important;
   border: 0px;
   font-size: 15px;
}
.tabs_navigation_btns {
   position: absolute;
   right: 0;
   bottom: 10px;
}
.tabs_navigation_btns .fa-chevron-right:before {
   content: "" !important;
   position: absolute;
   border-color: rgba(194, 225, 245, 0);
   border: solid transparent;
   border-bottom-color: #6a747d;
   border-width: 10px;
   border-width: 6px;
   margin-left: 0;
   top: 4px;
   right: auto;
   z-index: 9899;
   left: 7px;
   transform: rotate(90deg);
}
.tabs_navigation_btns .fa-chevron-left:before {
   content: "" !important;
   position: absolute;
   border-color: rgba(194, 225, 245, 0);
   border: solid transparent;
   border-bottom-color: #6a747d;
   border-width: 10px;
   border-width: 6px;
   margin-left: 0;
   top: 4px;
   right: auto;
   z-index: 9899;
   left: 0px;
   transform: rotate(270deg);
}
.tabs_btn {
   border: 1px solid #bcbcbc;
   border-radius: 0px;
   width: 22px;
   height: 22px;
   display: inline-block;
}
.tabs_btn:hover {
   background-color: #eaeaea;
}
.fa-chevron-left,
.fa-chevron-right {
   font-size: 10px;
   line-height: 20px;
   text-align: center;
   justify-content: center;
   display: flex;
}
.store_form h5 {
   font-family: inherit;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
}
.store_form tr td:nth-child(1),
.store_form tr td:nth-child(3) {
   background-color: #f3f3f3;
   vertical-align: middle;
   text-align: start;
   color: #222222;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   padding: 16px;
}
.store_form tr td {
   width: 25%;
   vertical-align: middle;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
}
.store_form table tr td select {
   color: #444 !important;
}
.store_form .table tr td input[type="text"] {
   color: #444 !important;
   font-size: 13px;
}
.store_form tr td.color-primary,
.store_table_heading {
   font-family: initial !important;
}
.store_table_heading {
   padding-left: 0px !important;
}
.store_form tr td:first-child span,
.store_form tr td:nth-child(3) span {
   color: #d53636;
}
.store_form table {
   border-top: 1px solid #aaa;
   margin-bottom: 0px;
}
.color-primary {
   color: #053e54 !important;
}
.text-secondary {
   color: #2ab6ed !important;
}
/* Content 3 */
.category_box {
   padding: 8px 20px 20px;
   border: 1px solid #dedede;
   min-height: 300px;
   margin: 10px;
}
.category_box.ml-0 {
   margin-left: 0px !important;
}
.category_box.mr-0 {
   margin-right: 0px !important;
}
.category_header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #d3d3d5;
   padding-bottom: 7px;
}
.category_action_btns {
   display: inline-flex;
}
.category_action_btns button {
   padding: 4px 8px !important;
   border-radius: 3px !important;
   white-space: nowrap;
   margin-left: 4px;
}
.category_header h5,
.cord_length p {
   font-family: inherit;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
}
.cord_length {
   padding: 14px 0px;
   border-bottom: 1px solid #d3d3d5;
}
.code_table {
   margin: 10px 0px 0px;
   max-height: 150px;
   overflow: hidden;
   overflow-y: auto;
   scrollbar-width: thin;
}
.code_table table thead {
   background-color: #f5f5f5;
   vertical-align: middle;
}
.code_table table thead tr td {
   font-family: initial !important;
}
.code_table table thead tr td {
   text-align: center;
   color: #222222 !important;
}
.code_table table tr td:first-child,
.code_table table thead tr td:first-child {
   width: 10%;
   text-align: center;
}
.code_table table tr td:nth-child(2),
.code_table table thead tr td:nth-child(2) {
   width: 35%;
}
.code_table table tr td,
.code_table table thead tr td {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777777;
}
#registerModal .modal-content {
   padding: 50px 25px 25px;
   border-radius: 0px;
}
#registerModal .btn-close {
   position: absolute;
   right: 20px;
   top: 20px;
   z-index: 9999999;
}
#registerModal .modal-body p {
   font-family: inherit;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0px;
   color: #222222;
}
#registerModal .modal-dialog {
   margin: 33.1rem auto !important;
   max-width: 360px !important;
}
#registerModal2 .modal-content {
   padding: 50px 25px 25px;
   border-radius: 0px;
}
#registerModal2 .btn-close {
   position: absolute;
   right: 20px;
   top: 20px;
   z-index: 9999999;
}
#registerModal2 .modal-body p {
   font-family: inherit;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0px;
   color: #222222;
}
#registerModal2 .modal-dialog {
   margin: 33.1rem auto !important;
   max-width: 360px !important;
}

#initModal .modal-content,
#newModal .modal-content {
   padding: 50px 25px 25px;
   border-radius: 0px;
}
#initModal .btn-close,
#newModal .btn-close {
   position: absolute;
   right: 20px;
   top: 20px;
   z-index: 9999999;
}
#initModal .modal-body p,
#newModal .modal-body p {
   font-family: inherit;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 0px;
   color: #222222;
}
#newModal .modal-dialog {
   margin: 15.1rem auto !important;
}
#initModal .modal-dialog {
   margin: 15.1rem auto !important;
   max-width: 360px !important;
}
.card {
   border: 1px solid var(--light-color);
   padding: 0;
}
.product_card {
   border-radius: 0px;
   padding: 0px;
}
.card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #dee4eb;
   border-radius: 0px !important;
   padding: 4px 10px;
}
.card-header h5 {
   line-height: 35px;
   letter-spacing: 0px;
   font-weight: 600;
   color: #053e54;
   margin-right: 10px;
}
.card-header h5 span {
   line-height: 24px !important;
}
.card-header .btn {
   padding: 4px 8px !important;
   border-radius: 3px !important;
   white-space: nowrap;
   margin-left: 4px;
}
.card-body h5 {
   padding: 5px 0;
   border-bottom: 1px solid#eee;
}
.card-body .registration_box {
   padding: 6px;
   /* border: 1px solid #D3D3D5; */
   text-align: center;
   max-width: 200px;
}
.registration_box h5 {
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
   padding-bottom: 12px;
   /*border-bottom: 1px solid #aaa;*/
}
#dropzone {
   position: relative;
   border-radius: 0px;
   height: 200px;
   width: 100%;
   text-align: center;
   width: 100%;
   border: 1px solid #bcbcbc;
}
/* #dropzone div {
    position: absolute;
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
} */
#dropzone .drop-img-area {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
#dropzone [type="file"] {
   cursor: pointer;
   position: absolute;
   opacity: 0;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
}
#dropzone img {
   max-width: 90px;
}
.registration_box .btn {
   margin: 5px auto;
   display: inline-block;

   padding: 4px 8px !important;
   border-radius: 3px !important;
   white-space: nowrap;
}
.registration_box .btn:hover {
   color: #fff;
}
.text-black {
   color: #222222;
}
.registration_table tr.max-second td:nth-child(4) {
   width: 19%;
}
.registration_table tr.max-second td:nth-child(5) {
   width: 28%;
}
.registration_table tr.max-second {
   border-bottom: 1px solid #dee2e6;
}
.registration_table tr td:nth-child(3) {
   width: 16%;
}
.registration_table .lookupBtn {
   margin-left: 0px;
}
/* .registration_table tr td:nth-child(2) {
    width: 25%;
}

.registration_table tr.max-content td:nth-child(3) {
    width: 15%;
}

.registration_table tr td:first-child {
    width: 15% !important;
}

.registration_table tr.max-content td:nth-child(4) {
    width: 10% !important;
} */
.upload_card_body {
   padding: 30px 20px;
}
.product_upload_table {
   margin-bottom: 0px;
}
.product_upload_table thead,
.product_upload_table tbody {
   background-color: #f5f5f5;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
   text-align: center;
   vertical-align: middle;
}
.product_upload_table thead {
   font-family: inherit;
}
.product_upload_table tbody {
   background-color: #fff;
   color: #777;
}
.update_progress {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
   text-align: center;
}
.update_progress span {
   margin: 10px;
}
.main-nav-tabs .nav-item .nav-link {
   display: inline-block;
   padding: 4px 10px !important;
   font-size: 14px !important;
   letter-spacing: 0px;
   background-color: #fff;
}
.main-nav-tabs .nav-item:not(:first-child) .nav-link {
   padding: 4px 24px 4px 10px !important;
}
.navigation-tabs {
   margin: 15px 20px 0px 20px;
}
.permission-box {
   padding: 12px;
   margin: 15px;
   border: 1px solid #d3d3d5;
   background: #ffffff;
}
.permission_form #permission_form {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
}
.permission_form h5 {
   margin-right: 20px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222222;
}
#permission_form .btn {
   border: 1px solid #6a747d;
   background: #6a747d;
   color: #fff;
   padding: 6px 12px !important;
}
#permission_form .btn:hover {
   color: #fff !important;
}
#permission_form .form-group {
   margin-right: 16px;
}
#permission_form .form-group input,
#permission_form .form-group select {
   border: 1px solid #bcbcbc !important;
   border-radius: 0px !important;
   padding: 6px 8px !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
}
#permission_form .form-group input:focus,
#permission_form .form-group input:hover,
#permission_form .form-group input:focus-visible {
   box-shadow: none;
   border: 0;
}
#permission_form .form-group input {
   margin-bottom: 16px;
}
.permission-action .permission-box {
   padding: 9px 21px !important;
}
.permission-box-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-bottom: 8px;
   border-bottom: 1px solid #d3d3d5;
}
.permission-box-header h5 {
   font-family: inherit;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222;
}
#permission_dlt thead tr td {
   text-align: center !important;
   color: #222 !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
   background-color: #f5f5f5;
   padding: 13px 20px;
}
#permission_dlt tbody tr td {
   color: #777777;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
}
#permission_dlt tr td {
   vertical-align: middle;
   text-align: center;
}
#permission_dlt tbody tr td:last-child {
   text-align: left !important;
}
.no-records {
   text-align: center !important;
}
.permission_table {
   margin-bottom: 30px;
}
#permission_dlt tr td:nth-child(2),
#permission_dlt tr td:nth-child(3) {
   text-align: center !important;
}
#permission_dlt tr td:last-child {
   text-align: center;
   padding-right: 20px;
}
.upload_container .card .card-header {
   background-color: #fff;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.excel_actions a,
.excel_actions select,
.excel_actions input {
   margin-right: 16px;
   margin-left: 0px !important;
}
.excel_actions input[type="checkbox"] {
   margin-right: 10px;
}
.excel_actions label {
   margin-right: 10px;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   font-weight: 400;
   color: #222222;
}
.excel_actions select {
   color: #444444;
}
.excel_actions .btn-main-primary {
   width: 64px !important;
   height: 32px !important;
   margin-right: 0px !important;
   padding: 5px !important;
}
.excel_actions .btn-main-secondary {
   width: 80px !important;
   height: 32px !important;
   margin-right: 8px !important;
   padding: 5px !important;
}
.excel_actions .lookupBtn {
   padding: 5px 11px !important;
}
.excel_actions input[type="text"] {
   border: 1px solid #bcbcbc !important;
   border-radius: 0px !important;
   padding: 6px 8px !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
}
.excel_actions input[type="text"] {
   box-shadow: none;
   outline: none;
}
.upload_process_info {
   padding: 0px;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222;
   margin-bottom: 8px !important;
}
.upload_process_info.mb-0 {
   margin-bottom: 0px !important;
}
.tooltip-table {
   display: none;
   position: absolute;
   left: 102%;
   top: 23%;
   min-width: 350px;
   padding: 10px;
   border: 1px solid #bcbcbc;
   background: white;
   box-shadow: 0 0 15px #d3d3d3;
}
.tooltip-table .btn-close:hover,
.tooltip-table .btn-close:focus,
.tooltip-table .btn-close:focus-visible {
   outline: none;
   box-shadow: none;
}
.tooltip-table::before {
   content: "";
   position: absolute;
   border-color: rgba(194, 225, 245, 0);
   border: solid transparent;
   border-bottom-color: #6a747d;
   border-width: 10px;
   margin-left: 0;
   top: 0;
   right: auto;
   z-index: 9899;
   box-shadow: 0 0 15px #f3f3f3;
   left: -20px;
   transform: rotate(270deg);
}
.tooltip_table tbody tr td {
   background-color: #fff !important;
}
.tooltip_table tr td {
   width: 24% !important;
   text-align: center !important;
}
.tooltip_table tr td:first-child {
   width: 28% !important;
}
/* Content 6 */
.goods_container .store_master_btn {
   padding: 2px 13px !important;
}
.inventory-amount p,
.inventory-amount label {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222;
   padding-right: 10px;
}
.inventory-amount label {
   margin-right: 15px;
}
.inventory-amount input {
   margin-right: 10px;
}
.inventory-amount p {
   padding-right: 50px;
}
.status_card .card-body {
   padding: 30px 20px;
}
.status_table,
.partner_table,
.template_table {
   margin-bottom: 0px !important;
}
.status_table tr td,
.partner_table tr td {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
   padding: 14px;
   vertical-align: middle;
   text-align: right;
}
.status_table thead tr td,
.partner_table thead tr td,
.template_table thead tr td {
   color: #222222;
   background-color: #f5f5f5;
   text-align: center;
}
.status_table tr td:first-child {
   width: 5%;
   text-align: center;
}
.status_table tr td:nth-child(2) {
   width: 8%;
   text-align: center;
}
.status_table thead tr td:nth-child(3) {
   width: 14%;
}
.status_table tbody tr td:nth-child(3) {
   width: 15%;
   text-align: left;
}
.status_table tbody tr td:nth-child(4) {
   text-align: right;
}
.status_table tbody tr td:nth-child(6) {
   text-align: left;
}
.status_table tbody tr td:nth-child(5),
.status_table tbody tr td:nth-child(7) {
   text-align: center;
}
.status_table tbody tr td:nth-child(6) {
   width: 15%;
}
.partner_table tr td {
   text-align: center;
}
.partner_table tr td.text-left {
   text-align: left;
}
.add_span span {
   margin-left: 10px;
   font-family: inherit;
   font-size: 12px;
   line-height: 17px;
   letter-spacing: 0px;
   color: #222;
}
.border-primary {
   border: 1px solid #dedede !important;
}
#register-tab-pane .registration_box {
   padding: 30px 20px;
   border: 1px solid #d3d3d5;
   margin: 20px 0px 30px;
}
.handling_product {
   margin-top: 12px;
   max-height: 450px;
   overflow: hidden;
   overflow-y: auto;
   scrollbar-width: thin;
}
.handling_product table {
   margin-bottom: 0px !important;
}
.handling_product table tr td {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
   padding: 14px;
   vertical-align: middle;
   text-align: center;
}
.handling_product table tr td:last-child {
   text-align: left;
}
.handling_product table thead tr td {
   color: #222222;
   background-color: #f5f5f5;
   text-align: center !important;
}
.handling_product tr td:first-child,
.handling_product tr td:nth-child(2) {
   width: 5%;
}
.handling_product tr td:nth-child(3) {
   width: 30%;
}
.padding-left-zero {
   padding-left: 0px !important;
}
.margin-right {
   margin-right: 10px;
}
.template_table tr td {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #444444;
   padding: 14px;
   vertical-align: middle;
}
.template_table thead tr td {
   text-align: center;
   font-family: inherit;
}
.code_list ul {
   padding-left: 0px;
   list-style: none;
}
.code_list ul li {
   padding-bottom: 12px;
}
.code_list ul li span {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #234df5;
}
.template_table_card {
   padding: 20px !important;
}
.code_list_card .card-header {
   height: 48px;
}
.code_list_card .card-body {
   max-height: 600px;
   overflow: hidden;
   overflow-y: auto;
   scrollbar-width: thin;
   padding: 6px 20px;
}
.code_edit_btn {
   background-color: #053e54 !important;
   color: #fff !important;
   padding: 5px 16px !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
}
.code_edit_format p,
.code_bill p {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #444;
   padding-bottom: 4px;
}
.bill_table tr td {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #444;
   padding: 3px;
}
.border-dash p {
   line-height: 0;
}
.membershop_container .card-body {
   padding: 30px 20px 0px;
}
.setting-form {
   border: 1px solid #d3d3d5;
   padding: 12px;
   margin-bottom: 30px;
}
.setting-form h5 {
   font-family: inherit;
   line-height: 20px;
   letter-spacing: 0px;
   color: #222;
   padding-bottom: 14px;
   margin-bottom: 12px;
   border-bottom: 1px solid #aaa;
}
.setting_main_form tr td {
   color: #222222;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   vertical-align: middle;
   letter-spacing: 0px;
}
.setting_main_form tr td:first-child,
.setting_main_form tr td:nth-child(4) {
   background-color: #f3f3f3;
   width: 15%;
   vertical-align: middle;
   text-align: end;
}
.setting_main_form tr td:nth-child(4),
.setting_main_form tr td:nth-child(5),
.setting_main_form tr td:nth-child(6) {
   border-bottom: 0px;
}
.setting_main_form tr:last-child td {
   border-bottom: 1px solid #dee2e6 !important;
}
.setting_main_form tr.max-second td:nth-child(3) {
   width: 10%;
}
.setting_main_form tr.max-second td:nth-child(2) {
   width: 20%;
}
.setting_main_form tr.max-second td:nth-child(3) {
   font-size: 12px;
   line-height: 17px;
}
/* .setting_main_form tr.max-second td:nth-child(2),
.setting_main_form tr.max-second td:nth-child(4) {
    width: 25%;
} */
.setting_main_form tr td:first-child span,
.setting_main_form tr td:nth-child(4) span {
   color: #d53636;
}
.setting_main_form input[type="text"],
.setting_main_form input[type="date"],
.setting_main_form textarea {
   border: 1px solid #bcbcbc !important;
   border-radius: 0px !important;
   padding: 6px 8px !important;
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
}
.setting_main_form table {
   border-top: 1px solid #aaa;
   margin-bottom: 0px;
}
.setting_main_form textarea {
   height: 56px;
}
.setting_main_form input[type="text"]:focus,
.setting_main_form input[type="text"]:hover,
.setting_main_form input[type="text"]:focus-visible,
.setting_main_form input[type="date"]:focus,
.setting_main_form input[type="date"]:hover,
.setting_main_form input[type="date"]:focus-visible,
.setting_main_form textarea:focus,
.setting_main_form textarea:hover,
.setting_main_form textarea:focus-visible {
   box-shadow: none;
   outline: none;
}
.rating_list_table tr td {
   font-family: inherit;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0px;
   color: #777;
   text-align: center;
   vertical-align: middle;
   height: 48px;
}
.rating_list_table thead tr td {
   font-family: inherit;
   color: #222;
}
.rating_list_table thead {
   background-color: #f3f3f3;
}
.closeTab {
   display: inline-block;
   /* width: 20px; */
   position: absolute;
   right: 7px;
   top: 4px;
   color: #d9d9d9;
}
@media (min-width: 1200px) {
   .modal-xl {
      max-width: 1600px;
   }
}
@media (max-width: 991px) {
   .breadcrumbs {
      padding-top: 20px;
   }
   .btn.btn-favourite,
   .breadcrumbs ul li h3 {
      margin-bottom: 10px;
   }
   .breadcrumbs ul:first-child {
      margin-bottom: 15px;
   }
}
/* Raj Css End */
/** Weather **/
.weather-wrapp {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 256px;
   height: 256px;
   overflow: hidden;
   overflow-y: auto;
}
.weather-box {
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 33.33%;
   -moz-box-flex: 0;
   -ms-flex: 0 0 33.33%;
   flex: 0 0 33.33%;
   max-width: 33.33%;
   width: 100%;
   border-right: 1px solid #dedede;
}
.weather-box:last-child {
   border-right: 0px !important;
}
.weather-wrapp .weather-box:last-child {
   border-left: none;
}
.weather-box-head {
   border-bottom: 1px solid #dedede;
   text-align: center;
}
.weather-box-head h5 {
   color: #222222;
   padding: 10px;
   height: 40px;
}
.weather-box-head h5 span {
   font-family: inherit;
}
.weather-box-body {
   /* padding: 13px 20px 18px 20px; */
   padding: 26px 20px 25px 20px;
   text-align: center;
   height: 170px;
}
.weather-box-body img {
   max-width: 96px;
   margin: 0 auto;
}
.weather-box-body p {
   font-size: 14px;
   color: #444444;
   font-family: inherit;
   /* margin-top:18px; */
}
.weather-box-footer {
   border-top: 1px solid #dedede;
   text-align: center;
}
.weather-box-footer p {
   font-size: 14px;
   color: #555555;
   padding: 10px;
   height: 40px;
}
.weather-box-footer span {
   font-size: 16px;
   font-family: inherit;
   display: inline-block;
   margin: 0 5px;
}
.weather-box-footer span.tem1 {
   color: #5dabf9;
}
.weather-box-footer span.tem2 {
   color: #f83131;
}
/** **/
.filter-option {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   max-width: 50%;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 50%;
   -moz-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -moz-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}
.redio-wrap {
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.redio-wrap .radio {
   margin-right: 10px;
}
.redio-wrap .radio label {
   font-size: 14px;
   line-height: 20px;
   color: #444444;
}
.dropdown-select {
   flex: 0 0 128px;
   max-width: 128px;
   width: 100%;
   position: relative;
   margin-top: -4px;
}
.dropdown-select .form-control {
   box-shadow: none;
   height: 36px;
   background: #ffffff;
   border: 1px solid #cccccc;
   border-radius: 4px;
   font-size: 14px;
   cursor: pointer;
   padding: 0 10px;
}
.dropdown-select span {
   position: absolute;
   right: 10px;
   transform: translateY(-50%);
   top: 50%;
}
.chart-box {
   padding: 18px;
}
.table-wrapp {
   padding: 20px;
}
#Gateio_Volume {
   margin-bottom: 0px;
}
.table-box {
   max-height: 365px;
   height: 100%;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #ccc #aaaaaa;
}
table.dataTable.no-footer {
   border-bottom: none;
}
.table-box::-webkit-scrollbar {
   width: 5px;
}
.table-box::-webkit-scrollbar-track {
   background: #fff;
}
.table-box::-webkit-scrollbar-thumb {
   background-color: #ccc;
   border: 3px solid #aaaaaa;
}
.table-wrapp .table tbody tr td {
   border: 1px solid #ccc;
   text-align: center;
   vertical-align: middle;
   color: #777777;
   font-size: 14px;
   padding: 15px;
}
.table-wrapp .table thead tr th {
   border: 1px solid #ccc !important;
   border-top: 2px solid #000000;
   background-color: #f5f5f5;
   text-align: center;
   vertical-align: middle;
   color: #222;
   font-family: inherit;
   font-size: 14px;
}
.container-fluid {
   /*max-width:1920px;
    background: #FFFFFF !important;*/
}
.container-fluid.header_wrapper {
   background: #eee;
}
.container-fluid.header_wrapper > .container {
   margin: 0;
   max-width: unset;
   max-width: 1920px;
}
.main .container-fluid {
}
#salesDatatable tr td {
   height: 38px;
}
#salesDatatable tbody tr td {
   padding: 0 15px;
}
#salesDatatable tr td:last-child {
   text-align: end;
}
.CI-GRID-BODY-TABLE-TBODY td.CI-GRID-BORDER-RIGHT {
   border-right: 1px solid #e0e0e0;
}

.hom {
   background: #ffffff !important;
}
.grayback {
   background: #eeeeee !important;
}
.posTextArea {
   width: 100%;
   height: 554px;
   font-size: 10pt;
   margin-top: 14px;
   margin-bottom: 14px;
}
.sidebar-user {
   display: flex;
   width: var(--manu-left-width);
   align-items: center;
   flex-direction: column;
   justify-content: center;
}
.sidebar-user button {
   white-space: nowrap;
   width: 100%;
   text-align: left;
}
.btn-profile-dropdown,
.btn-profile-dropdown:hover,
.btn-profile-dropdown:focus,
.btn-profile-dropdown:active {
   background: none;
   color: #222;
   font-family: "initial";
   font-size: 16px;
   line-height: 24px;
   border: none;
}
.dropdown-profile {
   min-width: unset;
}
.dropdown-profile li {
   width: fit-content;
}
/*Level-1*/
.sidebar-menu-ul > li {
   width: 100%;
   min-height: 50px;
   height: fit-content;
}
.sidebar-menu-ul > li > button,
.sidebar-menu-ul > li button:hover,
.sidebar-menu-ul > li > button:active,
.sidebar-menu-ul > li > button:focus,
.sidebar-menu-ul > li > button:visited .sidebar-menu-ul > li > a,
.sidebar-menu-ul > li a:hover,
.sidebar-menu-ul > li > a:active,
.sidebar-menu-ul > li > a:focus,
.sidebar-menu-ul > li > a:visited {
   color: #fff !important;
   padding: 10px 30px;
   width: 100%;
   color: #555 !important;
   font-family: "initial";
   font-size: 1em;
   line-height: 26px;
   height: 50px;
}
.sidebar-menu-ul > li > button.collapsed,
.sidebar-menu-ul > li button.collapsed:hover,
.sidebar-menu-ul > li > button.collapsed:active,
.sidebar-menu-ul > li > button.collapsed:focus,
.sidebar-menu-ul > li > button.collapsed:visited,
.sidebar-menu-ul > li > a,
.sidebar-menu-ul > li a:hover,
.sidebar-menu-ul > li > a:active,
.sidebar-menu-ul > li > a:focus,
.sidebar-menu-ul > li > a:visited {
   background-color: #fff;
}
.sidebar-menu-ul > li > button,
.sidebar-menu-ul > li button:hover,
.sidebar-menu-ul > li > button:active,
.sidebar-menu-ul > li > button:focus,
.sidebar-menu-ul > li > button:visited {
   background-color: #2ab6ed;
}
/*Level-2*/
.sidebar-menu-ul ul.submenu > li {
   background-color: #f5f5f5;
   width: 100%;
   min-height: 50px;
   height: fit-content;
}
.sidebar-menu-ul ul.submenu > li > button,
.sidebar-menu-ul ul.submenu > li > button:hover,
.sidebar-menu-ul ul.submenu > li > button:focus,
.sidebar-menu-ul ul.submenu > li > button:active,
.sidebar-menu-ul ul.submenu > li > button:visited,
.sidebar-menu-ul ul.submenu > li > a,
.sidebar-menu-ul ul.submenu > li > a:hover,
.sidebar-menu-ul ul.submenu > li > a:focus,
.sidebar-menu-ul ul.submenu > li > a:active,
.sidebar-menu-ul ul.submenu > li > a:visited {
   display: block;
   width: 100%;
   color: #555 !important;
   font-family: "initial";
   font-size: 16px;
   line-height: 24px;
   padding: 10px 30px;
   height: 50px;
   background-color: #f5f5f5;
}
.sidebar-menu-ul ul.submenu > li > button.active,
.sidebar-menu-ul ul.submenu > li > button.active:hover,
.sidebar-menu-ul ul.submenu > li > button.active:focus,
.sidebar-menu-ul ul.submenu > li > button.active:active,
.sidebar-menu-ul ul.submenu > li > button.active:visited,
.sidebar-menu-ul ul.submenu > li > a.active,
.sidebar-menu-ul ul.submenu > li > a.active:hover,
.sidebar-menu-ul ul.submenu > li > a.active:focus,
.sidebar-menu-ul ul.submenu > li > a.active:active,
.sidebar-menu-ul ul.submenu > li > a.active:visited {
   color: #2ab6ed;
}
/*Level-3*/
.sidebar-menu-ul ul.subsubmenu > li {
   background-color: #efefef;
   width: 100%;
   min-height: 50px;
   height: fit-content;
}
.sidebar-menu-ul ul.subsubmenu > li > button,
.sidebar-menu-ul ul.subsubmenu > li > button:hover,
.sidebar-menu-ul ul.subsubmenu > li > button:focus,
.sidebar-menu-ul ul.subsubmenu > li > button:active,
.sidebar-menu-ul ul.subsubmenu > li > button:visited,
.sidebar-menu-ul ul.subsubmenu > li > a,
.sidebar-menu-ul ul.subsubmenu > li > a:hover,
.sidebar-menu-ul ul.subsubmenu > li > a:focus,
.sidebar-menu-ul ul.subsubmenu > li > a:active,
.sidebar-menu-ul ul.subsubmenu > li > a:visited {
   display: block;
   width: 100%;
   color: #888 !important;
   font-family: "initial";
   font-size: 16px;
   line-height: 24px;
   padding: 10px 30px;
   height: 50px;
   background-color: #efefef;
}
.sidebar-menu-ul ul.subsubmenu > li.active > a,
.sidebar-menu-ul ul.subsubmenu > li.active > a:hover,
.sidebar-menu-ul ul.subsubmenu > li.active > a:focus,
.sidebar-menu-ul ul.subsubmenu > li.active > a:active,
.sidebar-menu-ul ul.subsubmenu > li.active > a:visited {
   color: #2ab6ed !important;
}
.sidebar-menu-ul ul.submenu > li.active > button,
.sidebar-menu-ul ul.submenu > li.active > button:hover,
.sidebar-menu-ul ul.submenu > li.active > button:focus,
.sidebar-menu-ul ul.submenu > li.active > button:active,
.sidebar-menu-ul ul.submenu > li.active > button:visited .sidebar-menu-ul ul.submenu > li.active > a,
.sidebar-menu-ul ul.submenu > li.active > a:hover,
.sidebar-menu-ul ul.submenu > li.active > a:focus,
.sidebar-menu-ul ul.submenu > li.active > a:active,
.sidebar-menu-ul ul.submenu > li.active > a:visited {
   color: #2ab6ed !important;
}
.sidebar-menu-ul .btn {
   transition: unset;
}
#navbarSupportedContent {
   max-width: calc(100% - 260px);
}
.Text_Label {
   padding: 0;
   margin: 0;
   font-size: 13;
   background-color: #ff333333;
   width: 80;
   font-family: "initial";
   justify-content: center;
   align-items: center;
}
.Section_List {
   margin: 0, 2, 0, 2;
   justify-content: center;
   height: 35;
}
.Line_Bright {
   height: 0.5;
   fill: #ffe4e4e4;
}
/******************************************/
/*********** Dekoon 추가스타일 ************/
/**************** 2023.10 *****************/
/******************************************/
.CI-GRID-BODY-TABLE-TBODY th,
.CI-GRID-BODY-TABLE-TBODY td {
   font-family: var(--sub-font);
}

.dp-none {
   display: none;
}
.dp-block {
   display: block;
}

.left_menu-hidden {
   display: none !important;
}
.left_menu-show {
   display: block !important;
   margin-left: 0px;
}

.right_pannel-full {
   margin-left: 0px;
}
.right_pannel-margin {
   margin-left: 175px;
}
#wrapper {
   margin: 0;
   overflow-x: hidden;
   padding-top: 60px;
}

.wrap {
   display: flex;
}
main {
   flex: 1;
   width: 100%;
}
.right_frame {
   flex: 1; /* 나머지 공간 차지 */
   width: 100;
}
.header_wrap {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 999;
   width: 100%;
   color: #191919;
}
.header_wrap a {
   color: #454545;
   text-decoration-line: none;
}

.header_wrap a:hover {
   color: var(--main-color);
   text-decoration-line: none;
}

.logo {
   display: inherit;
}
.logo img {
   width: 120px;
   height: auto;
   margin: auto;
   display: block;
}
header {
   width: 100%;
   background: #fff;
   position: relative;
   z-index: 100;
}
.nav_bg {
   position: absolute;
   top: 60px;
   width: 100%;
   height: 550px;
   background: #ffffff;
   border-bottom: 1px solid #7d7d7d;
   display: none;
}
nav.Top_Menu {
   display: flex;
   width: 100%;
   height: 60px;
   border-bottom: 1px solid #d7d7d7;
   background: #ffffff;
}
nav.Top_Menu > ul.Menu_Wrap {
   display: flex;
   width: 100%;
}
nav.Top_Menu > ul.Menu_Wrap > li {
   flex: 1;
   position: relative;
   line-height: 60px;
   min-width: 130px;
}
nav.Top_Menu > ul > li.on > ul {
   background: var(--main-color);
}
li.on > .Sub_Menu a {
   color: rgba(255, 255, 255, 0.9);
   white-space: nowrap;
}
.Menu_Wrap a {
   font-size: 18px;
   font-weight: 600;
   white-space: nowrap;
}
.Sub_Menu {
   width: 100%;
   display: none;
}
.Sub_Menu > li {
   padding: 6px 8px 10px 8px;
   line-height: normal;
}
.Sub_Menu > li > a {
   font-size: 16px;
   font-weight: 600;
   -webkit-transition: all 0.1s ease;
   -o-transition: all 0.1s ease;
   -moz-transition: all 0.1s ease;
   transition: all 0.1s ease;
}

.Sub_Sub_Menu > li {
   padding: 4px 0px 4px 4px;
}
.Sub_Sub_Menu > li > a {
   font-size: 14px;
   font-weight: 400;
   -webkit-transition: all 0.1s ease;
   -o-transition: all 0.1s ease;
   -moz-transition: all 0.1s ease;
   transition: all 0.1s ease;
}

.Sub_Sub_Menu > li > a:hover {
   color: rgb(255, 255, 128);
}

.Sub_Sub_Menu > li > a:before {
   content: "-";
   position: absolute;
   left: 0;
   opacity: 0.7;
}

.header_btn_group {
   display: flex;
}

#page-content-wrapper {
   position: relative;
   /*margin-left: 0;*/
   min-width: 0;
   width: 100%;
}

.input_area {
   display: flex;
}
#left_menu_content {
   width: var(--manu-left-width);
   border: none;
   overflow: hidden;
}
.content-title-pannel {
   background-color: var(--pannel-bg-color);
   border-radius: 4px;
   padding-right: 1rem !important;
   padding-left: 1rem !important;
}
/**버튼**/
.header_icon_btn {
   color: var(--main-color);
   padding: 2px;
   margin: 0 2px;
   text-align: center;
}
.search_btn_group {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-left: auto !important;
}
/*엘리멘트*/
input[type="text"].datepicker {
   width: 100px;
}
select#shopGu {
   background-color: #e9e9e9;
   color: #0e0e0e;
   border-radius: 20px !important;
   margin-right: 15px;
   padding: 6px 17px 6px 13px !important;
}
/*좌특메뉴*/
/* 숨김 상태 스타일 */
.left-nav-wrap.collapsed {
   width: 0;
}
/* 버튼 스타일 (예시) */
.left-nav-wrap {
   border: 1px solid #ddd;
   box-shadow: rgba(0, 0, 0, 0.07) 1.5px 2px 4px;
   background-color: #fff;
}

.left-nav-wrap {
   min-height: 600px;
   margin-top: 10px;
   padding: 10px 9px 40px 0px;

   color: #000;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   transition: width 0.3s ease;
}

.left-Menu_Wrap a.active {
   font-weight: 700;
   color: #fff;
   background-color: var(--pannel-bg-color);
   border-radius: 3px;
}

.left-Sub_Menu > li {
   padding: 14px 0;
}
.left-Sub_Menu > li > a {
   font-size: 17px;
   font-weight: 700;
   padding-left: 8px;
}

.left-Sub_Menu > li > a > .toggle-icon > i {
   font-size: 10px;
}

.left-Sub_Menu > li.section > a.active {
   padding: 4px 0px 4px 8px;
   display: block;
   margin-left: 5px;
}

.left-Sub_Sub_Menu {
}
.left-Sub_Sub_Menu > li {
   padding: 3px 5px;
   border-bottom: 1px solid #eee;
}
.left-Sub_Sub_Menu > li > a {
   color: #666;
   font-size: 14px;
   padding: 4px 0px 4px 8px;
   display: block;
}
h2.left_menu_title {
   display: inline-block;
   font-size: 16px;
   padding: 4px 0;
   font-weight: 600;
   color: #fff;
   margin: 0;
}
.left-Menu_Wrap .top {
   padding: 5px 10px;
   background-color: var(--light-color);
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   color: #fff;
}
.left-Menu_Wrap .top i {
   font-size: 24px;
   display: block;
}

#left_menu_box {
   display: none;
   margin-left: 0;
   width: 165px;
   position: fixed;
   z-index: 999;
   transition: margin-left 0.3s;
}
#leftmenutoggle {
   cursor: pointer;
   display: block;
   content: ">";
   position: absolute;
   top: 16px;
   right: -19px;
   width: 20px;
   height: 45px;
   border-left: 0;
   border: 1px solid #ddd;
   box-shadow: rgba(0, 0, 0, 0.07) 1.5px 2px 4px;
   background-color: #fff;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   border-left: 0;
}

/*Modal*/
#custModal,
#payModal,
#proModal {
   background-color: rgba(0, 0, 0, 0.75);
   top: 0;
   padding-top: 30px;
}
.modal {
   top: 30px;
   overflow: hidden;
}
.modal-body {
   padding: 12px;
}
.modal-title {
   font-size: 18px;
}
.modal-header {
   padding: 8px 15px;
   background-color: var(--popup-header);
   color: #fff;
   border-bottom: none;
}
.modal-dialog {
   width: 90%;
   max-width: 900px;
}

.modal-dialog.xl {
   max-width: 90% !important;
}
.popup_inbox_wrap {
   padding: 7px;
   border-radius: 4px;
   border: 1px solid #cbcbcb;
   margin: 8px;
}
h5.inbox_title {
   background: #b0bccb;
   color: #fff;
   padding: 5px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   font-weight: 500;
   font-size: 15px;
}

.inbox_title {
   width: 100%;
   display: block;
   background: #b0bccb;
   color: #fff;
   padding: 5px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   font-weight: 500;
   font-size: 15px;
}

.btn-modal_closed {
   color: #fff;
   background: none;
}
.modal-footer {
   padding: 5px 15px;
   border-top: 0;
}
.modal-footer .btn {
   border-radius: 3px !important;
   font-family: inherit;
   padding: 4px 12px;
}
table.modal_table {
   border: 1px solid #e1e1e1;
   width: 100%;
}

.reduce_size {
   font-size: 14px;
}
.reduce_size .form-control {
   padding: 5px 4px;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
}

/*테이블세팅*/
#table-responsive {
}

.table-wrap {
   width: 100%;
   padding: 0px;
   border: 1px solid #cdcdcd;
   border-radius: 2px;
   background-color: #fff;
}

table.incard {
   width: 100%;
}
table.incard td,
table.modal_table td {
   /*width: auto;*/
   vertical-align: middle;
   padding: 7px 5px;
   border-bottom: 1px solid #eee;
}
table.incard td.article,
table.modal_table td.article {
   font-family: var(--main-font);
   font-size: 14px;
   background-color: #f3f3f3;
   text-align: center;
   white-space: nowrap;
}
table.incard td.article_value {
   padding: 2px 5px;
}

/*게시판*/
.table_pannel {
   padding: 30px 20px;
   background-color: fff;
   border: 1px solid;
   border-color: rgb(222, 222, 222);
}
table.board {
   width: 100%;
}
table.board th {
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   color: #777;
   padding: 1em 0;
}
table.board tr {
   border-bottom: 1px solid #eee;
}
table.board td {
   padding: 1em 0;
}

#fixed-left-nav {
   /*position: fixed;
  top: 0;
  left: 0;
  */
}

.height_info {
   position: absolute;
   z-index: 9999;
   background: #fff;
   padding: 5px;
   margin: 5px;
   font-size: 14px;
}
.height_info span {
   margin-right: 5px;
}
input#remained_height {
   border: none;
   color: #777;
   width: 30px;
}
.earch_btn_group {
   text-align: end;
}

/*BBS Style*/
.BBS-table td {
   padding: 0.8rem 0.5rem;
}
.content_wrap {
   padding: 1em;
}
.board_btn-group {
   display: flex;
   margin: 0.7em 0;
   justify-content: flex-end;
}
.content_wrap > .content_info {
   font-size: 16px;
   border-bottom: 1px solid #eee;
}
.content_wrap > .content_info > h1 {
   font-size: 1.3em;
   color: #000;
   border-bottom: 1px solid #eee;
   padding: 0.5em 0;
}
.content_wrap > .content_info > span {
   font-size: 14px;
   color: #878787;
   padding: 1em 0;
   line-height: 3em;
}
.content_wrap > .content_info > span > strong {
   font-size: 15px;
   color: #000;
   padding-left: 8px;
}
.content_text {
   font-size: 1em;
   line-height: 1.6em;
   padding: 1em 0;
   margin-bottom: 20px;
}
.btn-BBS {
   color: #fff;
   background-color: #053e54;
   border-color: #053e54;
}
.have_file {
   font-size: 12px;
   padding: 2px 4px;
   background-color: #627c9b;
   color: #fff;
   border-radius: 3px;
}
/**/
table.est {
   width: 100%;
   margin-bottom: 15px;
}

.est_info_1 {
   font-size: 14px;
   padding: 16px 5px;
}
.est_info_2 {
   font-size: 15px;
}
.est_chapter {
   padding: 10px;
   font-size: 17px;
   font-weight: bold;
}
.est_strong_bg {
   background-color: #dbdbdb !important;
}

table.est-thum {
   width: 100%;
   margin-bottom: 10px;
}
table.est-thum td {
   padding: 4px;
   border: 1px solid #444444;
}
.disable {
   background-color: #c5c5c5;
}

/* ================================= */
/* ---------- Modal Common Standardization ---------- */
/* ================================= */
/* [2026-01-18] AI_Master: 
   화면 잘림 방지 및 반응형 팝업 사이즈 표준화 
   Prevent screen cut-off and standardize responsive popup sizes
*/
/* [2026-01-23] AI_Master:
   와이드 모니터(울트라와이드) 지원 추가
   Wide monitor (ultra-wide) support added
*/

/* 0. 모달 상단 위치 고정 (와이드 모니터 지원) */
.modal {
    top: 0 !important;
    padding-top: 10px !important;
}

.modal.fade .modal-dialog {
    transform: translate(0, 0);
}

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

/* 1. 모달 다이얼로그 너비 및 위치 표준화 */
.modal-dialog {
    max-width: 95vw; /* 모바일/태블릿: 화면 꽉 차게 */
    margin: 10px auto !important; /* 상단 마진 최소화 */
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 1000px; /* PC 표준: 적절한 넓이 확보 */
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1100px; /* 대형 화면: 더 넓게 */
    }
}

/* 2. 모달 바디 높이 제한 및 스크롤 (화면 잘림 방지 핵심) */
.modal-body {
    max-height: calc(100vh - 120px); /* 헤더+푸터 높이 제외 (와이드용 조정) */
    overflow-y: auto;               /* 내용이 넘치면 스크롤 생성 */
    padding: 15px;
}

/* 3. 모달 내부 콘텐츠 여백 조정 */
.modal-body .form-container {
    padding: 10px;
}

/* 4. 모달 콘텐츠 max-height 및 flex 레이아웃 */
.modal-content {
    max-height: calc(100vh - 20px); /* 화면 높이 거의 전체 사용 */
    display: flex;
    flex-direction: column;
}

/* 5. 모달 푸터 항상 보이게 고정 */
.modal-footer {
    flex-shrink: 0; /* 푸터가 줄어들지 않음 */
}